<template>
	<span class="svg-icon">
		<svg :width="widthPX" :height="heightPX" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			<!-- <title>shezhi</title> -->
			<g id="控件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
				<g id="title" transform="translate(-1177.000000, -16.000000)">
					<g id="shezhi" transform="translate(1177.000000, 16.000000)">
						<g id="quanping-9" transform="translate(2.000000, 2.000000)" class="fill-color" fill-rule="nonzero">
							<path
								d="M11.7,6.5 C10.9820298,6.5 10.4,5.91797017 10.4,5.2 L10.4,2.6 L7.8,2.6 C7.08202983,2.6 6.5,2.01797017 6.5,1.3 C6.5,0.582029825 7.08202983,0 7.8,0 L11.7,0 C12.4179702,0 13,0.582029825 13,1.3 L13,5.2 C13,5.91797017 12.4179702,6.5 11.7,6.5 Z M5.2,13 L1.3,13 C0.582029825,13 0,12.4179702 0,11.7 L0,7.8 C0,7.08202983 0.582029825,6.5 1.3,6.5 C2.01797017,6.5 2.6,7.08202983 2.6,7.8 L2.6,10.4 L5.2,10.4 C5.91797017,10.4 6.5,10.9820298 6.5,11.7 C6.5,12.4179702 5.91797017,13 5.2,13 Z"
								id="形状"
							></path>
						</g>
						<rect id="矩形" x="0" y="0" width="16" height="16"></rect>
					</g>
				</g>
			</g>
		</svg>
	</span>
</template>
<script>
export default {
	props: {
		width: {
			type: String,
			default: '100px'
		},
		height: {
			type: String,
			default: '100px'
		}
	},
	computed: {
		widthPX() {
			return this.width
		},
		heightPX() {
			return this.height
		}
	},
	name: 'QuanPing'
}
</script>
<style scoped>
.svg-icon {
	overflow: hidden;
	display: inline-flex;
}
.fill-color {
	fill: var(--svg-zuixiaohua-color);
}
</style>
